<!DOCTYPE html>
<html lang="zh">
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
    <title>CSI员工之家</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>

    <link href="js/metronic/plugins/bootstrap/css/bootstrap.css" rel="stylesheet"/>
    <!-- Font Awesome Icons -->
    <link href="login/css/font-awesome.css" rel="stylesheet"/>
    <link href="js/metronic/plugins/simple-line-icons/css/simple-line-icons.css" rel="stylesheet"/>
    <link href="login/css/animate.min.css" rel="stylesheet"/>
    <!-- Ionicons -->
    <link href="login/css/ionicons.css" rel="stylesheet" type="text/css"/>
    <!-- Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
    <link href="login/css/_all-skins.css" rel="stylesheet" type="text/css"/>
    <!-- Castle 1.0 -->
    <link href="login/css/castle.css" rel="stylesheet" type="text/css"/>
    <!-- Theme style -->
    <link href="login/css/castle-main.css" rel="stylesheet" type="text/css"/>
    <link href="js/metronic/plugins/layui/css/layui.css" rel="stylesheet" type="text/css"/>
    <link href="js/metronic/plugins/scrollbar/perfect-scrollbar.css" rel="stylesheet" type="text/css"/>
    <link href="login/css/fontsize.css" rel="stylesheet" type="text/css"/>
    <link href="login/css/theme.css" rel="stylesheet"/>
    <link href="login/css/cover.css" rel="stylesheet"/>
    <link href="login/css/step.css" rel="stylesheet"/>
    <link href="login/css/login.css" rel="stylesheet" type="text/css">
    <link href="css/mask.css" rel="stylesheet"/>

    <script language="JavaScript">
        var context = "/hrm", __contextPath = "/hrm", __extendOptions = "main/options", __jsPath = "/hrm/gdsp/js",
            __scriptPath = "/hrm/gdsp/script";</script>


    <script src="js/jquery-2.1.4.js"></script>
    <script src="js/utils-base.js"></script>

    <script src="js/metronic/plugins/layui/layui.js"></script>
    <script src="js/metronic/plugins/layui/layui-config.js"></script>
    <script src="js/util.js"></script>
    <script src="js/autoheight.js"></script>
    <script src="js/mask.js"></script>


    <script src="js/login/lufylegend-1.10.1.simple.min.js" type="text/javascript"></script>
    <script src="js/login/lufylegend.LoadingSample4-0.1.0.min.js" type="text/javascript"></script>
    <script src="js/login/TweenLite.min.js" type="text/javascript"></script>
<!--    <script src="js/login/login.js" type="text/javascript"></script>-->
    <script src="js/metronic/plugins/jQuery-Storage-API/jquery.storageapi.js" type="text/javascript"></script>
    <script src="login/js/register.js" type="text/javascript"></script>
    <script src="js/alert.js" type="text/javascript"></script>


    <script src="js/metronic/plugins/layui/layui.js"></script>
    <script src="js/metronic/plugins/layui/layui-config.js"></script>
    <script src="js/metronic/plugins/jQuery-Storage-API/jquery.storageapi.js"></script>
    <script src="js/metronic/plugins/app/app.js"></script>
</head>


<body style="width: 100%;height: 100%;margin: 0;padding: 0; ">
<div class="bg-canvas">
    <canvas height="100%" id="demo-canvas" style="width: 100%;height: 99%;overflow: hidden;" width="100%"></canvas>
</div>
<div class="login-box" id="loginbox" style="height: 360px">
    <!-- /.login-logo -->
    <div class="login" id="main_login">

        <div class="input_text">
            <div id="message" style="position:absolute;color:red;margin-top:-20px;margin-left:100px;"></div>
            <div class="content">
                <div class="navbar-header">
                    <div>
                        <span style="font-family:'Britannic Bold', 'Britannic';color:#3BC5BB;">CSI员工</span>
                        <span
                                style="font-family:'Segoe UI Emoji Bold', 'Segoe UI Emoji Normal', 'Segoe UI Emoji';color:#1D4474;"></span>
                        <span
                                style="font-family:'Segoe UI Emoji Bold', 'Segoe UI Emoji Normal', 'Segoe UI Emoji';color:#FF9A4C;">之家</span>
                    </div>
                </div>
                <div class="formitem">
                    <span class="icon fa fa-user"></span>
                    <span class="input">
					        		<input class="form-control l35" data-placement="right" data-toggle="tooltip"
                                           fv_type="NOTCN"
                                           id="nickname"
                                           maxlength="20" name="nickname" placeholder="请输入您的用户名或昵称" type="text"
                                           value=""
                                           value="">
					        	</span>
                </div>
                <div class="formitem">
                    <span class="icon fa fa-user"></span>
                    <span class="input">
					        		<input class="form-control l35" data-placement="right" data-toggle="tooltip"
                             fv_type="NOTCN"
                             id="username"
                             maxlength="20" name="username" placeholder="请输入您的账号" type="text"
                             value=""
                             value="">
					        	</span>
                </div>
                <div class="formitem">
                    <span class="icon fa fa-key"></span>
                    <span class="input">
                        <input class="form-control highlight_green l35" data-placement="right"
                               data-toggle="tooltip"
                               fv_type="NOTCN"
                               id="password" maxlength="20" name="password" placeholder="请输入您的密码"
                               type="password"
                               value="">
                    </span>
<!--                    <span id="passstrength"></span>-->
                </div>
                    <div class="formitem">
                        <span class="icon fa fa-key"></span>
                        <span class="input">
                        <input class="form-control highlight_green l35" data-placement="right"
                               data-toggle="tooltip"
                               fv_type="NOTCN"
                               id="repassword" maxlength="20" name="repassword" placeholder="请再次输入您的密码"
                               type="password"
                               value="">
                    </span>
                    </div>
                <div>
                    <button class="layui-btn  btn-login" id="register-submit-btn" style="display:block;margin:0 auto;width:150px" type="buttion">&nbsp;&nbsp;注 册&nbsp;&nbsp;</button>
                </div>

                <div class="formoperate" id="tishi" style="text-align: center;color: red;padding-top: 15px">
                </div>
            </div>
<!--                </form>-->
        </div>
    </div>
</div>

</body>
</html>       
        
        
        
        
